<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <script src="jquery.min.js"></script>
    <title>图片循环滚动</title>
    <style>
        * {
            margin: 0;
            padding: 0;
        }
        .container {
            width: 1800px;
            height: 500px;
            border: 1px solid black;
            margin: 100px auto;
        }
        .img {
            width: 1700px;
            height: 420px;
            margin: 0 auto;
            padding-top: 80px;
            overflow: hidden;
        }
        img {
            width: 200px;
            height: 300px;
            margin-right: 30px;
            /* display: block;
            float: left; */
            /* display: inline-block; */
        }
    </style>
</head>
<body>
    <div class="container">
        <!-- 左边盒子 -->
        <div class="l_side">
            <span></span>
        </div>
        <!-- 图片盒子 -->
        <div class="img">
            <img src="../../公司相关/照片/1.jpg" alt="">
            <img src="../../公司相关/照片/2.jpg" alt="">
            <img src="../../公司相关/照片/3.jpg" alt="">
            <img src="../../公司相关/照片/4.jpg" alt="">
            <img src="../../公司相关/照片/5.jpg" alt="">
            <img src="../../公司相关/照片/6.jpg" alt="">
            <img src="../../公司相关/照片/1.jpg" alt="">
            <img src="../../公司相关/照片/2.jpg" alt="">
            <img src="../../公司相关/照片/3.jpg" alt="">
            <img src="../../公司相关/照片/4.jpg" alt="">
            <img src="../../公司相关/照片/5.jpg" alt="">
            <img src="../../公司相关/照片/6.jpg" alt="">
        </div>
        <!-- 右边盒子 -->
        <div class="r_side">
            <span></span>
        </div>
    </div>
</body>
</html>